<div class="row one-btn-data-type" style="text-align:center;">
  <div class="btn-group">
    <div class="btn btn-default active user_btn_base">基础</div>
    <div class="btn btn-default user_btn_user">自定义</div>
  </div>
  <div class="user_base" style="margin: 15px;display: block">

  </div>
  <div class="user_user" style="margin: 15px;display:none;">
    <div class="row one-btn-data-type" style="overflow: hidden;">
      <div class="pull-left" style="margin:50px 30px 0 150px;padding: 30px;border: 2px solid #ccc;">
        <div class="row">
          <div style="float: left">切换风速：</div>
          <div style="float: left" class="btn-group">
            <div class="btn btn-default active user_wind8">8风向</div>
            <div class="btn btn-default user_wind16">16风向</div>
          </div>
        </div>
        <div class="row" style="margin-top: 15px">
          <div style="float: left">选择时间：</div>
          <input class="form-control" id="timer_picker" style="width: 300px;float: left"/>
        </div>
        <div class="row" style="margin-top: 15px;">
          <div style="float: left">文字描述：</div>
          <div style="float: left;width:500px;padding: 15px;background:#d7edf8;border-radius: 5px"><p>自定义风玫瑰图显示的是,在当前选择的时间段内,根据小时数据，统计各个风向下空气质量中有优、良、轻度污染、中度污染、重度污染、严重污染各多少次.</p></div>
        </div>
      </div>
      <div class="pull-left">
        <div id="user_echarts" style="width: 350px;height:360px;margin-left: 200px;"></div>
      </div>
    </div>
    <div class="user-table-area">

    </div>
  </div>
</div>
